﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <link rel="stylesheet" href="/css/demo-new.css">
	<link rel="stylesheet" href="/css/stateMachineDemo.css">
</head>
<body>
    <div id="headerWrapper">
        <div id="header">
            <div style="float:left"><img src="/Images/ZeusWF.png" alt="Zeus WF Designer" /></div>
            <span class="logoTitle">Zeus WF Designer</span>
        </div>
    </div>    
    <div id="main_content">
        <div id="main">
            @RenderBody()
	    </div>
        <div style="clear:both;"></div>
        <div id="op_panel">adf</div>
    </div>
	<div id="sidebar">
		<div id="explanation">
			<p>Author: Master HaKu 
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                Copy Right: 2013</p>
		</div>	    			
	</div>
	
	<!-- DEP -->
	<script src="/js/lib/jquery-1.8.1-min.js"></script>
	<script src="/js/lib/jquery-ui-1.8.23-min.js"></script>
	<script src="/js/lib/jquery.ui.touch-punch.min.js"></script>
	<!-- /DEP -->
		
	<!-- JS -->
	<!-- support lib for bezier stuff -->
	<script src="/js/lib/jsBezier-0.5.js"></script>
	<!-- jsplumb util -->
	<script src="/js/1.4.0/jsPlumb-util-1.4.0-RC1.js"></script>
	<!-- base DOM adapter -->
	<script src="/js/1.4.0/jsPlumb-dom-adapter-1.4.0-RC1.js"></script>
	<!-- main jsplumb engine -->
	<script src="/js/1.4.0/jsPlumb-1.4.0-RC1.js"></script>
    <!-- anchors -->
	<script src="/js/1.4.0/jsPlumb-anchors-1.4.0-RC1.js"></script> 
    <!-- endpoint -->
	<script src="/js/1.4.0/jsPlumb-endpoint-1.4.0-RC1.js"></script>  
    <!-- connection -->
	<script src="/js/1.4.0/jsPlumb-connection-1.4.0-RC1.js"></script>
	<!-- connectors, endpoint and overlays  -->
	<script src="/js/1.4.0/jsPlumb-defaults-1.4.0-RC1.js"></script>
	<!-- state machine connectors -->
	<script src="/js/1.4.0/jsPlumb-connectors-statemachine-1.4.0-RC1.js"></script>
    <!-- flowchart connectors -->
	<script src="/js/1.4.0/jsPlumb-connectors-flowchart-1.4.0-RC1.js"></script>        
	<!-- SVG renderer -->
	<script src="/js/1.4.0/jsPlumb-renderers-svg-1.4.0-RC1.js"></script>
	<!-- canvas renderer -->
	<script src="/js/1.4.0/jsPlumb-renderers-canvas-1.4.0-RC1.js"></script>
	<!-- vml renderer -->
	<script src="/js/1.4.0/jsPlumb-renderers-vml-1.4.0-RC1.js"></script>
	<!-- jquery jsPlumb adapter -->
	<script src="/js/1.4.0/jquery.jsPlumb-1.4.0-RC1.js"></script>
	<!-- /JS -->

	<!--  demo code -->
    <script type="text/javascript" src="/js/stateMachineDemo-jquery.js"></script>
		
	<!-- demo helper - generates the mode/library/demo selector bar and executes the demo on load. -->
	<script type="text/javascript" src="/js/demo-list.js"></script>
	<script type="text/javascript" src="/js/demo-helper-jquery.js"></script>
</body>
</html>
